<template>
  <div>
    <h1>{{ msg }}</h1>
    <button @click="da">点击反转字符串，同时大写</button>
    <button @click="xiao">点击反转字符串，同时小写</button>
  </div>
</template>

<script>
function rese(str) {
  return str.split('').reverse().join('')
}

export default {
  data() {
    return {
      msg: 'hello world',
    }
  },
  methods: {
    da() {
      this.msg = rese(this.msg).toUpperCase()
      console.log(rese(this.msg).toUpperCase())
    },
    xiao() {
      this.msg = rese(this.msg).toLowerCase()
      console.log(rese(this.msg).toLowerCase())
    },
  },
}
</script>

<style></style>
